<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>初识JQuery</title>
        <!-- JQuery了解JavaScript功能：页面上所有触发型效果
         JQuery的使用方式：
         1.JQuery官方网站，下载JQuery封装js库，格式：jquery-1.11.1.js
                          JQuery-2.X.js之后的版本不支持IE 6、7、8
         2.引入JQuery框架【js】类库，在head中，script元素 导入
                    <script src="js/jquery-1.11.1.js"></script>
         3.编写JQuery框架语法---JS页面动态效果
         在页面最后body前方加script元素，为什么？
         思考：操作页面上元素，body中生成实际页面上的内容，改变页面效果
                整个html+css  理解为一颗DOM树：元素、属性、属性值，先存在
                这些元素，才可以进行操作。所以，JS中DOM树的操作需要等页面元素
                都加载完毕，才可以进行对页面元素进行实质性操作！
           JavaScript行为层    EMCAScript5.0核心语法层--类似与Java基础
                                功能：做逻辑
                    重点        DOM     Document Object Model   文档节点对象模型
                                功能：做页面效果【结合逻辑】
                                DOM树    document    元素、属性、属性值
                                        html
                                    head    body
                                meta
                            charsert
                                BOM     Browser Object Model    浏览器对象模型
                                功能：做浏览器效果【结合逻辑】     吸顶灯效果
         
         -->
         <script src="js/jquery-1.11.1.js"></script>
    </head>
    <body>
        <button>按钮</button>
        <!-- 编写JQ语法 -->
        
        <script>
            /* JQ语法 */
            $("button").click(function(){alert("别着急~")})
        </script>
    </body>
</html>